<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>精选 第六感,度假别墅,别墅预订,度假公寓,度假酒店</title>
    <link rel="icon" href="image/public/Logo.ico">
    <!-- css -->
    <link rel="stylesheet" href="css/top/top.css">
    <link rel="stylesheet" href="css/index/index.css">
    <link rel="stylesheet" href="css/bottom/bottom.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="element/index.css">

    <style>
        html {
            font-size: 50px;
        }

        @media screen and (min-width:375px) {
            html {
                font-size: 25px;
            }
        }

        @media screen and (min-width:390px) {
            html {
                font-size: 26px;
            }
        }

        @media screen and (min-width:414px) {
            html {
                font-size: 27.6px;
            }
        }

        @media screen and (min-width:820px) {
            html {
                font-size: 54.6px;
            }
        }

        .bottom ul li {
            margin-top: 0.1rem;
        }

        .bottom-li span {
            line-height: 0.9rem;
        }

        /* 轮播图的圆点 */
        .carousel-indicators [data-bs-target] {
            width: 0.45rem;
            height: 0.45rem;
            border-radius: 50%;
        }

        .carousel-indicators .active {
            opacity: 1;
        }

        /* 时间的文本框 */
        .el-input__inner {
            width: 200%;
        }

        .el-input__icon {
            display: none;
        }

        .el-input--prefix .el-input__inner {
            padding-left: 0.7rem;
            padding-right: 0.01rem;
            border: 0px;
            height: 1.2rem;
            color: black;
        }

        .el-date-editor.el-input,
        .el-date-editor.el-input__inner {
            width: 2rem;
        }
    </style>

</head>

<body>
    <div id="app">
        <!-- 顶部 -->
        <!-- 大盒子开始 -->
        <div class="top-max" style="display: none;">
            <!-- 小盒子 -->
            <div class="top-min">
                <!-- logo -->
                <div class="logo">
                    <a href="index.html">
                        <div class="logo-img-div"></div>
                    </a>
                </div>
                <!-- 放大镜 -->
                <a href="#" class="fav"></a>
            </div>
        </div>
        <!-- 大盒子结束 -->

        <!-- 身体开始 -->
        <div class="body">
            <!-- 轮播图开始 -->
            <div class="slider_index">
                <!-- 轮播开始 -->
                <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
                    <div class="carousel-indicators">
                        <button type="button" id="dot" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0"
                            class="active" aria-current="true" aria-label="Slide 1"></button>
                        <button type="button" id="dot" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
                            aria-label="Slide 2"></button>
                        <button type="button" id="dot" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
                            aria-label="Slide 3"></button>
                        <button type="button" id="dot" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="3"
                            aria-label="Slide 4"></button>
                        <button type="button" id="dot" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="4"
                            aria-label="Slide 5"></button>
                    </div>
                    <div class="carousel-inner">
                        <div :class="i==0? 'carousel-item active': 'carousel-item'" v-for="(l,i) in lbt">
                            <img :src=`./image/rotation/${l.rotation_img}` class="d-block w-100">
                            <div class="swiper-slide-intro">
                                <p style="margin-top: 0.7rem;">{{l.rotation_title}}</p>
                                <p style="font-size: 0.68rem;">{{l.rotation_default}}</p>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <!-- 轮播结束 -->
            </div>
            <!-- 轮播图结束 -->

            <!-- 搜索部分开始 -->
            <div class="main_search">
                <!-- 头部 -->
                <div class="main_search_title">
                    <div class="main_search_tab_warp">
                        <!-- 头部 -->
                        <div class="main_search_tabs">
                            <span class="menu_bar_l">别墅</span>
                            <span>酒店</span>
                            <span>度假</span>
                        </div>
                    </div>
                </div>
                <!-- 身体 -->
                <!-- 左边的搜索下部分 -->
                <!-- 第一页 -->
                <div class="searchBox sea1">
                    <input class="searchDestination search_villa" type="text" placeholder="搜索目的地 / 别墅名" />
                    <!-- <a>
                        <div class="searchDestination">搜索目的地 / 别墅名</div>
                    </a> -->
                    <!-- 选择时间 -->
                    <div style="padding: 0.2rem;">
                        <div class="searchTimeBox">
                            <template>
                                <div class="block">
                                    <el-date-picker v-model="value" type="date" placeholder="请选择开始日期">
                                    </el-date-picker>
                                </div>
                            </template>
                        </div>
                        <div class="searchTimeCheckTime">
                            共<span>1</span>晚
                        </div>
                        <div class="searchTimeBox" style="float: right;">
                            <template>
                                <div class="block">
                                    <el-date-picker v-model="value1" type="date" placeholder="请选择结束日期">
                                    </el-date-picker>
                                </div>
                            </template>
                        </div>
                    </div>

                    <!-- 选择品牌 -->
                    <div class="choseBrand">
                        <p class="choseBrandTitle">选择品牌</p>
                        <div>
                            <img src="./image/index/ico/ico_4.png" alt="">
                        </div>
                    </div>

                    <!-- 搜索酒店按钮 -->
                    <div class="searchBtn" @click="findVilla">搜别墅</div>

                    <!-- 品牌背景图 -->
                    <div style="width: 90%;margin-left: 5%;margin-top: 0.5rem;">
                        <img src="./image/index/ico/ico_5.png" width="100%">
                    </div>

                </div>

                <!-- 第二页 -->
                <div class="searchBox sea2" style="display: none;">
                    <input class="searchDestination" type="text" placeholder="搜索目的地 / 酒店名" />
                    <!-- <a>
                        <div class="searchDestination">搜索目的地 / 酒店名</div>
                    </a> -->
                    <!-- 选择时间 -->
                    <div style="padding: 0.2rem; margin-bottom: 2rem;">
                        <div class="searchTimeBox">
                            <template>
                                <div class="block">
                                    <el-date-picker v-model="value" type="date" placeholder="请选择开始日期">
                                    </el-date-picker>
                                </div>
                            </template>
                        </div>
                        <div class="searchTimeCheckTime">
                            共<span>1</span>晚
                        </div>
                        <div class="searchTimeBox" style="float: right;">
                            <template>
                                <div class="block">
                                    <el-date-picker v-model="value1" type="date" placeholder="请选择结束日期">
                                    </el-date-picker>
                                </div>
                            </template>
                        </div>
                    </div>

                    <!-- 搜索酒店按钮 -->
                    <div class="searchBtn">搜酒店</div>

                </div>

                <!-- 第三页 -->
                <div class="searchBox sea3" style="display: none;">
                    <input class="searchDestination" type="text" placeholder="搜索目的地 / 套餐" />
                        <!-- <div class="searchDestination">搜索目的地 / 套餐</div> -->
                    <!-- 选择时间 -->
                    <div style="padding: 0.2rem;margin-bottom: 2rem;">
                        <div class="searchTimeBox">
                            <template>
                                <div class="block">
                                    <el-date-picker v-model="value" type="date" placeholder="请选择开始日期">
                                    </el-date-picker>
                                </div>
                            </template>
                        </div>
                        <div class="searchTimeCheckTime">
                            共<span>1</span>晚
                        </div>
                        <div class="searchTimeBox" style="float: right;">
                            <template>
                                <div class="block">
                                    <el-date-picker v-model="value1" type="date" placeholder="请选择结束日期">
                                    </el-date-picker>
                                </div>
                            </template>
                        </div>
                    </div>

                    <!-- 搜索酒店按钮 -->
                    <div class="searchBtn">搜度假</div>

                </div>

            </div>
            <!-- 搜索部分结束 -->

            <!-- 热门目的地开始 -->
            <div class="title_box_index ">
                <!-- 头部 -->
                <div class="title_index">热门目的地</div>
                <div class="more_box_index">
                    <a href="destination.html" class="more_index">
                        更多 <span style="font-size: 0.7rem;"> > </span>
                    </a>
                </div>
                <!-- 身体 -->
                <div class="hot_dest">
                    <div class="swiper-slide" v-for="(v,i) in hot">
                        <a href="#">
                            <div class="hot_1"
                                :style="{background: 'url('+v.Imgname+')',backgroundSize: 'cover',width:'5.3rem',height:'100%'}">
                                <p>{{ v.Place }}</p>
                            </div>
                        </a>
                    </div>
                </div>

            </div>
            <!-- 热门目的地结束 -->

            <!-- 浏览记录开始 -->
            <div class="title_box_index">
                <!-- 头部 -->
                <div class="title_index">浏览记录</div>
                <!-- 身体 -->
                <div class="hot_dest2">
                    <div class="swiper-slide2" v-for="(v,i) in browsing">
                        <a href="#">
                            <div class="hot_1"
                                :style="{background: 'url('+v.Imgname+')',backgroundSize: 'cover',width:'5.3rem',height:'100%'}">
                                <div class="hot2">
                                    <span>{{ v.name }}</span>
                                    <br>
                                    <span style="font-size: .43rem;">{{ v.Place }}</span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>

            </div>
            <!-- 浏览记录结束 -->

            <!-- 最受欢迎别墅开始 -->
            <div class="title_box_index ">
                <!-- 头部 -->
                <div class="title_index">最受欢迎别墅</div>
                <!-- 标题 -->
                <div class="des_bar">
                    <span class="active">苏梅岛</span>
                    <span>普吉岛</span>
                    <span>巴厘岛</span>
                    <span>京都府</span>
                    <span>北海道</span>
                    <span>海南</span>
                </div>
                <!-- 介绍 -->
                <div class="cell">
                    <div class="cell_index" v-for="(v,i) in welcomeVilla" style="height: 16rem;">
                        <div class="pic_index">
                            <!--   :src=`../image/home_page/popular_villa/koh/${v.villa_introduce}` -->
                            <a :href="'villa.html?id='+v.villa_id" class="a_text_all">
                                <img :src=`/image/koh/${v.villa_introduce}` width="100%"
                                    height="100%">
                                <div class="name_index">{{ v.villa_place }}</div>
                            </a>
                        </div>
                        <h3>{{ v.villa_name }}</h3>
                        <div class="priceBox">
                            <p>
                                <span class="villaPrice">¥</span>
                                <span class="villaPrice">{{ v.villa_price }}</span>
                                / 晚

                                <label> | 人均¥{{ v.villa_price }}/晚</label>
                            </p>
                        </div>
                        <div class="villasRquipmentBox">
                            <p class="left_villasRquipmentBoxs">
                                <!-- 床 -->
                            <div class="bedroom_icon">
                                <img src="./image/index/ico/ico_6.svg" width="80%" height="80%">
                            </div>
                            <span>{{ v.villa_rooms }}</span>
                            <!-- 洗手台 -->
                            <div class="bedroom_icon">
                                <img src="./image/index/ico/ico_7.svg" width="80%" height="80%">
                            </div>
                            <span>{{ v.villa_baths }}</span>
                            <!-- 泳梯 -->
                            <div class="bedroom_icon">
                                <img src="./image/index/ico/ico_8.svg" width="80%" height="80%">
                            </div>
                            <span>{{ v.villa_swmins }}</span>
                            </p>
                            <p class="right_villasRquipmentBoxs">
                                <span>住过 <a v-for="(villa_book,l) in villa_book"
                                        v-if="villa_book.villa_name==v.villa_name">{{
                                        villa_book.reserves[0].reserve_nub }}</a>
                                    丨 评论 <a v-for="(comments,l) in comment" v-if="comments.villa_name==v.villa_name">{{
                                        comments.comments.length }}</a> </span>
                            </p>
                        </div>
                    </div>
                    <!-- 更多 -->
                    <a href="destination.html" class="slide-more">
                        <div>更多 > </div>
                    </a>

                </div>
            </div>
            <!-- 最受欢迎别墅结束 -->

            <!-- 甄选酒店开始 -->
            <div class="title_box_index ">
                <!-- 头部 -->
                <div class="title_index">甄选酒店</div>
                <!-- 身体 -->
                <div class="cell" style="margin-top: 1rem;">
                    <div class="cell_index" v-for="(v,i) in Selection">
                        <div class="pic_index">
                            <img :src="v.Imgname" width="100%" height="100%">
                            <div class="name_index">{{v.name}}</div>
                        </div>
                        <h3>{{v.title}}</h3>
                        <div class="priceBox">
                            <p>
                                <span class="villaPrice">¥</span>
                                <span class="villaPrice">{{ v.money }}</span>
                                起
                            </p>
                            <p class="cellIndexCountry">
                                <span class="em1">{{v.em1}}</span>
                                <span class="em2">{{v.em2}}</span>
                                <span class="em3">{{v.em3}}</span>
                            </p>
                        </div>

                    </div>
                    <!-- 更多 -->
                    <a href="destination.html" class="slide-more">
                        <div>更多 > </div>
                    </a>

                </div>
            </div>
            <!-- 甄选酒店结束 -->

            <!-- 最受欢迎的公寓开始 -->
            <div class="title_box_index ">
                <!-- 头部 -->
                <div class="title_index">最受欢迎公寓</div>
                <!-- 标题 -->
                <div class="des_bar">
                    <span class="active">巴黎</span>
                    <span>纽约</span>
                    <span>北海道</span>
                    <span>洛杉矶</span>
                    <span>迈阿密</span>
                    <span>巴塞罗那</span>
                    <span>罗马</span>
                    <span>伦敦</span>
                </div>
                <!-- 身体 -->
                <!-- 介绍 -->
                <div class="cell">
                    <div class="cell_index" v-for="(v,i) in welcome_apartment">
                        <div class="pic_index">
                            <img :src="v.Imgname" width="100%" height="100%">
                            <div class="name_index">{{ v.name }}</div>
                        </div>
                        <h3>{{ v.title }}</h3>
                        <div class="priceBox">
                            <p>
                                <span class="villaPrice">¥</span>
                                <span class="villaPrice">{{ v.money }}</span>
                                / 晚
                                <label> | 人均¥{{ v.average }}/晚</label>
                            </p>
                        </div>
                        <div class="villasRquipmentBox">
                            <p class="left_villasRquipmentBoxs">
                                <!-- 床 -->
                            <div class="bedroom_icon">
                                <img src="./image/index/ico/ico_6.svg" width="80%" height="80%">
                            </div>
                            <span>{{ v.bed }}</span>
                            <!-- 洗手台 -->
                            <div class="bedroom_icon">
                                <img src="./image/index/ico/ico_7.svg" width="80%" height="80%">
                            </div>
                            <span>{{ v.wash }}</span>
                            <!-- 泳梯 -->
                            <div class="bedroom_icon">
                                <img src="./image/index/ico/ico_8.svg" width="80%" height="80%">
                            </div>
                            <span>{{ v.Swimming }}</span>
                            </p>
                            <p class="right_villasRquipmentBoxs">
                                <span>住过 {{ v.lived }} 丨 评论 {{ v.comment }}</span>
                            </p>
                        </div>
                    </div>
                    <!-- 更多 -->
                    <a href="destination.html" class="slide-more">
                        <div>更多 > </div>
                    </a>

                </div>
            </div>
            <!-- 最受欢迎的公寓结束 -->

            <!-- 私享小团开始 -->
            <div class="title_box_index ">
                <!-- 头部 -->
                <div class="title_index">私享小团</div>
                <div class="more_box_index">
                    <a href="destination.html" class="more_index">
                        更多 <span style="font-size: 0.7rem;"> > </span>
                    </a>
                </div>
                <!-- 身体 -->
                <div class="cell" style="margin-top: 1.5rem;">
                    <div class="cell_index" v-for="(v,i) in Enjoy">
                        <div class="pic_index">
                            <img :src="v.Imgname" width="100%" height="100%">
                            <div class="name_index">{{v.name}}</div>
                        </div>
                        <h3 style="font-size: .6rem;">
                            <span class="item_arrow_small_group_find">{{v.type}} |</span>
                            {{v.title}}
                        </h3>

                        <div class="priceBox">
                            <p style="color: #9B9B9B;font-size: .4rem;">
                                <span class="villaPrice" style="font-size: .4rem;">¥</span>
                                <span class="villaPrice" style="font-size: .7rem;">{{ v.money }}</span>
                                /人起
                            </p>
                        </div>

                    </div>
                    <!-- 更多 -->
                    <a href="destination.html" class="slide-more">
                        <div>更多 > </div>
                    </a>

                </div>


            </div>
            <!-- 私享小团结束 -->

            <!-- 限时优惠开始 -->
            <div class="title_box_index ">
                <!-- 头部 -->
                <div class="title_index">限时优惠</div>

                <!-- 介绍 -->
                <div class="cell" style="margin-top: 1.5rem;">
                    <div class="cell_index" v-for="(v,i) in flash">
                        <div class="pic_index">
                            <img :src="v.Imgname" width="100%" height="100%">
                            <div class="name_index">{{ v.name }}</div>
                        </div>
                        <h3>{{ v.title }}</h3>
                        <div class="priceBox">
                            <p>
                                <span class="villaPrice">¥</span>
                                <span class="villaPrice">{{ v.money }}</span>
                                / 晚
                                <label> | 人均¥{{ v.average }}/晚</label>
                            </p>
                        </div>
                        <div class="villasRquipmentBox">
                            <p class="left_villasRquipmentBoxs">
                                <!-- 床 -->
                            <div class="bedroom_icon">
                                <img src="./image/index/ico/ico_6.svg" width="80%" height="80%">
                            </div>
                            <span>{{ v.bed }}</span>
                            <!-- 洗手台 -->
                            <div class="bedroom_icon">
                                <img src="./image/index/ico/ico_7.svg" width="80%" height="80%">
                            </div>
                            <span>{{ v.wash }}</span>
                            <!-- 泳梯 -->
                            <div class="bedroom_icon">
                                <img src="./image/index/ico/ico_8.svg" width="80%" height="80%">
                            </div>
                            <span>{{ v.Swimming }}</span>
                            </p>
                            <p class="right_villasRquipmentBoxs">
                                <span>住过 {{ v.lived }} 丨 评论 {{ v.comment }}</span>
                            </p>
                        </div>
                    </div>
                    <!-- 更多 -->
                    <a href="destination.html" class="slide-more">
                        <div>更多 > </div>
                    </a>

                </div>
            </div>
            <!-- 限时优惠结束 -->

            <!-- 精彩点评开始 -->
            <div class="title_box_index ">
                <!-- 头部 -->
                <div class="title_index">精彩点评</div>
                <div class="more_box_index">
                    <a href="destination.html" class="more_index">
                        更多 <span style="font-size: 0.7rem;"> > </span>
                    </a>
                </div>
                <!-- 身体 -->
                <div class="cell" style="margin-top: 1.5rem;">
                    <div class="cell_index" v-for="(v,i) in remark">
                        <!-- 头像与昵称 -->
                        <div class="head_cell">
                            <div class="head" :style="{background: 'url('+v.headimg+')',backgroundSize: 'cover'}">
                            </div>
                            <div class="name">
                                <span>{{v.name}}</span>
                                <p>
                                    <img src="./image/index/remark/dingwei.svg" style="width: .8rem;">
                                    <a href="#">{{v.title}}</a>
                                </p>
                            </div>
                        </div>
                        <!-- 点评 -->
                        <p class="remark" :title=v.text>{{v.text}}</p>
                        <!-- 图片 -->
                        <div class="remark_img">
                            <div class="re_img" v-for="(j,i) in v.remarkimg">
                                <img :src="v.remarkimg[i]" width="100%" height="100%">
                            </div>
                        </div>

                    </div>
                    <!-- 更多 -->
                    <a href="destination.html" class="slide-more">
                        <div>更多 > </div>
                    </a>

                </div>


            </div>
            <!-- 精彩点评结束 -->

            <!-- 旅游故事开始 -->
            <div class="title_box_index ">
                <!-- 头部 -->
                <div class="title_index">旅游故事</div>
                <div class="more_box_index">
                    <a href="destination.html" class="more_index">
                        更多 <span style="font-size: 0.7rem;"> > </span>
                    </a>
                </div>
                <!-- 身体 -->
                <div class="cell" style="margin-top: 1.5rem;">
                    <div class="cell_index" v-for="(v,i) in story">
                        <div class="pic_index">
                            <img :src="v.storkimg" width="100%" height="100%">
                        </div>

                        <div style="display: flex;margin-top: .7rem; margin-left: .4rem;">
                            <div class="head" :style="{background: 'url('+v.headimg+')',backgroundSize: 'cover'}">
                            </div>
                            <h3 style="font-size: .65rem;margin-top: 0.2rem;">
                                {{v.title}}
                                <p style="color: #afafaf;font-size: .55rem;margin-top: .3rem;">
                                    {{v.name}}
                                    <span>{{ v.date }}</span>
                                </p>

                            </h3>
                        </div>
                    </div>
                    <!-- 更多 -->
                    <a href="destination.html" class="slide-more">
                        <div>更多 > </div>
                    </a>

                </div>

            </div>
            <!-- 旅游故事结束 -->

            <!-- 度假攻略开始 -->
            <div class="title_box_index ">
                <!-- 头部 -->
                <div class="title_index">度假攻略</div>
                <div class="more_box_index">
                    <a href="destination.html" class="more_index">
                        更多 <span style="font-size: 0.7rem;"> > </span>
                    </a>
                </div>
                <!-- 身体 -->
                <div class="cell" style="margin-top: 1.5rem;">
                    <div class="cell_index" v-for="(v,i) in Holiday">
                        <div class="pic_index" style="height: 100%;">
                            <img :src="v.Imgname" width="100%" height="100%">
                            <div class="name_index bottom-txet">{{v.text}}</div>
                        </div>
                    </div>
                    <!-- 更多 -->
                    <a href="destination.html" class="slide-more">
                        <div>更多 > </div>
                    </a>

                </div>


            </div>
            <!-- 度假攻略结束 -->

        </div>
        <!-- 身体结束 -->

        <!-- 尾部 -->
        <div class="bottom">
            <div>
                <ul class="bom_nav">
                    <li class="bottom-li active">
                        <a href="index.html">
                            <?xml version="1.0" encoding="UTF-8"?><svg width="22" height="22" viewBox="0 0 48 48"
                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="48" height="48" fill="white" fill-opacity="0.01" />
                                <path d="M40.0393 22V42H8.03931V22" stroke="#838383" stroke-width="4"
                                    stroke-linecap="square" stroke-linejoin="round" />
                                <path
                                    d="M5.84231 13.7766C4.31276 17.7377 7.26307 22 11.5092 22C14.8229 22 17.5276 19.3137 17.5276 16C17.5276 19.3137 20.2139 22 23.5276 22H24.546C27.8597 22 30.546 19.3137 30.546 16C30.546 19.3137 33.2518 22 36.5655 22C40.8139 22 43.767 17.7352 42.2362 13.7723L39.2337 6H8.84523L5.84231 13.7766Z"
                                    fill="none" stroke="#838383" stroke-width="4" stroke-linejoin="round" />
                            </svg>
                            <span>精选</span>
                        </a>
                    </li>
                    <li class="bottom-li">
                        <a href="destination.html">
                            <?xml version="1.0" encoding="UTF-8"?><svg width="22" height="22" viewBox="0 0 48 48"
                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="48" height="48" fill="white" fill-opacity="0.01" />
                                <path
                                    d="M24 44C24 44 39 32 39 19C39 10.7157 32.2843 4 24 4C15.7157 4 9 10.7157 9 19C9 32 24 44 24 44Z"
                                    fill="none" stroke="#838383" stroke-width="4" stroke-linejoin="round" />
                                <path
                                    d="M24 25C27.3137 25 30 22.3137 30 19C30 15.6863 27.3137 13 24 13C20.6863 13 18 15.6863 18 19C18 22.3137 20.6863 25 24 25Z"
                                    fill="none" stroke="#838383" stroke-width="4" stroke-linejoin="round" />
                            </svg>
                            <span>目的地</span>
                        </a>
                    </li>
                    <li class="bottom-li">
                        <a href="dry-sheet.html">
                            <?xml version="1.0" encoding="UTF-8"?><svg width="22" height="22" viewBox="0 0 48 48"
                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M15 12L18 6H30L33 12H15Z" stroke="#838383" stroke-width="4"
                                    stroke-linejoin="round" />
                                <path
                                    d="M41 12H7C5.34315 12 4 13.2536 4 14.8V39.2C4 40.7464 5.34315 42 7 42H41C42.6569 42 44 40.7464 44 39.2V14.8C44 13.2536 42.6569 12 41 12Z"
                                    fill="none" stroke="#838383" stroke-width="4" stroke-linejoin="round" />
                                <path
                                    d="M28 20C25 20.1296 19 21.0889 19 23.8889C19 27.3889 29 26.6111 29 30.1111C29 32.9111 22.3333 33.8704 19 34"
                                    stroke="#838383" stroke-width="4" stroke-linecap="square" stroke-linejoin="round" />
                            </svg>
                            <span>晒单</span>
                        </a>
                    </li>
                    <li class="bottom-li ">
                        <a href="Inquire.html">
                            <?xml version="1.0" encoding="UTF-8"?><svg width="22" height="22" viewBox="0 0 48 48"
                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="48" height="48" fill="white" fill-opacity="0.01" />
                                <path
                                    d="M44 24C44 35.0457 35.0457 44 24 44C18.0265 44 4 44 4 44C4 44 4 29.0722 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z"
                                    fill="none" stroke="#838383" stroke-width="4" stroke-linecap="square"
                                    stroke-linejoin="round" />
                                <path d="M14 18L32 18" stroke="#838383" stroke-width="4" stroke-linecap="square"
                                    stroke-linejoin="round" />
                                <path d="M14 26H32" stroke="#838383" stroke-width="4" stroke-linecap="square"
                                    stroke-linejoin="round" />
                                <path d="M14 34H24" stroke="#838383" stroke-width="4" stroke-linecap="square"
                                    stroke-linejoin="round" />
                            </svg>
                            <span>咨询</span>
                        </a>
                    </li>
                    <li class="bottom-li ">
                        <a href="my.html">
                            <?xml version="1.0" encoding="UTF-8"?><svg width="22" height="22" viewBox="0 0 48 48"
                                fill="none" xmlns="http://www.w3.org/2000/svg">
                                <rect width="48" height="48" fill="white" fill-opacity="0.01" />
                                <path fill-rule="evenodd" clip-rule="evenodd"
                                    d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
                                    stroke="#838383" stroke-width="4" stroke-linecap="square" stroke-linejoin="round" />
                                <path
                                    d="M24 23C26.7614 23 29 20.7614 29 18C29 15.2386 26.7614 13 24 13C21.2386 13 19 15.2386 19 18C19 20.7614 21.2386 23 24 23Z"
                                    fill="none" stroke="#838383" stroke-width="4" stroke-linejoin="round" />
                                <path
                                    d="M10.022 38.332C10.3657 33.1206 14.7016 29 20 29H28C33.2914 29 37.6229 33.1097 37.9767 38.3113"
                                    stroke="#838383" stroke-width="4" stroke-linecap="square" stroke-linejoin="round" />
                            </svg>
                            <span>我的</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 尾部结束 -->

    </div>
</body>

<!-- js -->
<script src="js/api.js"></script>
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="jquery/jquery-3.6.0.js"></script>
<script src="vue/vue.min.js"></script>
<script src="axios/axios.min.js"></script>
<script src="element/index.js"></script>
<script src="js/index.js"></script>


</html>